<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../jq/js/jquery-3.3.1.js"></script>
</head>
<body>
    <ul>
        <li myid="1">11</li>
        <li myid="3">22</li>
        <li myid="4">33</li>
        <li myid="5">44</li>
        <li myid="6">55</li>
    </ul>
    <script>
        $("ul").on("click","li",function(e){
            console.log($(e.target).attr("myid"));
        });
    </script>


<script>
    function $ (ele) {
        return document.querySelector(ele);
    }
</script>
</body>
</html>